<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="/css/shangjia-ued.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/lib/jquery.js"></script>
</head>

<body>
<table border="0" class="ued_table_1">
  
  
  <tr>
    <td class="title" colspan="2">城市联动</td>
  </tr>
  <!--list---------------------------->
  <tr>
    <td width="100">不带默认值</td><td width="240">
    <div class="ued_div_1">
    	<select id="province" style="width:100px;">
            <option value="">请选择</option>
        </select>
        <select id="city" style="width:100px;">
            <option value="">请选择</option>
        </select>
    </div>
    </td>
    <td><a onclick="$(this).next().toggle()" href="javascript:void(0);">[代码]</a>
<div class="ued_box_1">
<textarea class="ued_area_1">
<select id="province" style="width:100px;">
    <option value="">请选择</option>
</select>
<select id="city" style="width:100px;">
    <option value="">请选择</option>
</select>
</textarea>
</div>
    </td>
  </tr>
  <!--/list---------------------------->
  <!--list---------------------------->
  <tr>
    <td>带默认值</td><td>
<div class="ued_div_1">
<select id="province2" style="width:100px;">
	<option value="北京" selected="selected">北京</option>
</select>
<select id="city2" style="width:100px;">
	<option value="北京市" selected="selected">北京市</option>
</select>
</div>
    </td>
    <td><a onclick="$(this).next().toggle()" href="javascript:void(0);">[代码]</a>
<div class="ued_box_1">
<textarea class="ued_area_1">
<select id="province2" style="width:100px;">
	<option value="北京" selected="selected">北京</option>
</select>
<select id="city2" style="width:100px;">
	<option value="北京市" selected="selected">北京市</option>
</select>
</textarea>
</div>
    </td>
  </tr>
  <!--/list---------------------------->
</table>


<script type="text/javascript" src="cityLinkage.js" ></script>
<script type="text/javascript" >
$(function(){
	//没有默认值
	linkageProCity({
		province:$('#province'),
		city:$('#city')
	})
	
	//带默认值
	linkageProCity({
		province:$('#province2'),
		city:$('#city2')	
	})	
})



</script>

</body>
</html>
